import TitleMain from "@/components/common/TitleMain"
import HomeTop from "./componets/HomeTop"
import SecurityTeam from "./componets/SecurityTeam"
import Situation from "./componets/Situation"
import EventStat from "./componets/EventStat"
import DayDisVal from "./componets/DayDisVal"
import EventDanger from "./componets/EventDanger"

const Home = () => {
  return <div>
   <HomeTop />
    <div className="h-[825px] flex justify-between gap-[24px]">
      <div className="main-box w-[400px] h-full pt-[14px] pl-[8px] pr-[8px]">
        <Situation />
        <SecurityTeam />
      </div>
      <div className="main-box flex-1">
         <TitleMain title="大事件保障" size="large" />
      </div>
      <div className="main-box w-[400px] h-full pt-[14px] pl-[8px] pr-[8px]">
        <EventStat />
        <DayDisVal />
        <EventDanger />
      </div>
    </div>
  </div>
}

export default Home